.director-name{
  overflow: hidden;
    height: 20px;
    float: left;
    cursor: pointer
}
.society-name{
  overflow: hidden;
    height: 55px;
    float: left;
    cursor: pointer
}
.oms-status-title, .anesthesia-status-title
{
  width: 218px;
}
.status-panel
{
    float: left;
}

.status-content-box {
  border-radius: 25px;
  border: 2px solid #052c65;
  padding: 20px; 
  width: 318px;
  height: 225px;  
  box-shadow: 5px 10px #888888;
}

.status-box-content {
  width: 100px;
  height: 100px;
  top: 90px;
  position: absolute;
  left: 120px;
}

.eval-status-box-content:after
{
  top: -46px!important;
}
.completed-action .eval-status-box-content:after
{
  top: -24px!important;
}
.completed-action .fullfill-count
{
  display: none!important;
  top: -24px!important;
}

.pending-action .status-box-content:after{ 
  font-family: "Font Awesome 6 Pro";
  font-size: 91px;
  color: #025395;
  content: "\e62a";
  font-weight:100;
  position: relative;
  top: -24px;

}

.inprogres-action .status-box-content:after{ 
    font-family: "Font Awesome 6 Pro";
    font-size: 91px;
    color: #008fd4;
    content: "\e62a";
    font-weight:100;
    position: relative;
    top: -24px;
}

.exempted .status-box-content {
  width: 165px;
  height: 100px;
  top: 101px;
  position: absolute;
  left: 85px;
}

.exempted .status-box-content:after{ 
  content: "Exempt at Present";
  font-weight: 900;
}
.exempted .status-box-content .fullfill-count, 
.exempted .fa-edit,
.exempted .society-name
{
  visibility: hidden!important;
}

.completed-action .status-box-content:after{
  font-family: "Font Awesome 6 Pro";
  font-size: 91px;
  color: #43c7f4;
  content: "\f336";
  font-weight:900;
  position: relative;
  top: -24px;
}

.fullfill-count{
  position: relative;
  top: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 11px;
  font-weight: 800;
  right: 3px;
}

.not-applicable-action .status-box-content{
    background: url('/wp-content/uploads/2024/02/Not-applicable.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.status-content-box a{
  text-decoration: none!important;
}
.eval-status-box-content
{
    top:60px;
}
.not-applicable-action a.edit, 
.completed-action a.edit {
	display: none!important;
}
.status-content-box a, .status-content-box i{
  margin-left:5px;
}
.completed-action .society-status-box-content
{
  top:100px;
}
.card-body label {
    font-weight: bold;
}
.left-pane{
    margin-top: 65px;
}
h6{
	display: inline;
}

/*progress bar start*/

.eval-progress {
    width: 100px;
    height: 100px;
    background: none;
    position: relative;
    margin-top: 25px;
  }
  
  .eval-progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .eval-progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  
  .eval-progress .progress-left {
    left: 0;
  }
  
  .eval-progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #193062 !important;
  }
  
  .eval-progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  
  .eval-progress .progress-right {
    right: 0;
  }
  
  .eval-progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
  }
  
  .eval-progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .fulfilled-text{
    display: block;
  }
  /*progress bar end*/

  .status-content-box-footer {
    display: flex;
    justify-content: center;
    font-weight: bolder;
    margin-top: 3px;
  }
  .status-fulfilled-text
  {
    position: absolute;
    top: 130px;
    right: 173px;
    font-size: 13px;
    font-weight: bold;
  }
  .status-label label{
    margin: 0px !important;
  }
  .status-value{
    margin-bottom: 15px;
  }
  .society-status-box-content{
    top: 125px;
  }
  @media (max-width: 767px) {
    .status-content-box {
      margin-bottom: 20px;
      width: 290px;
    }
    .oms-status-title
    {
      width: 194px;
    }
  }